import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/**
 * 保持页面状态
 */
class MyApp23 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "ExpansionTileDemo",
      theme: ThemeData.light(),
      home: ExpansionTileDemo(),
      debugShowCheckedModeBanner: false,
    );
  }
}

// ExpansionTile Widget就是一个可以展开闭合的组件，常用的属性有如下几个。
//
// title:闭合时显示的标题，这个部分经常使用Text Widget。
// leading:标题左侧图标，多是用来修饰，让界面显得美观。
// backgroundColor: 展开时的背景颜色，当然也是有过度动画的，效果非常好。
// children: 子元素，是一个数组，可以放入多个元素。
// trailing ： 右侧的箭头，你可以自行替换但是我觉的很少替换，因为谷歌已经表现的很完美了。
// initiallyExpanded: 初始状态是否展开，为true时，是展开，默认为false，是不展开。
class ExpansionTileDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("ExpansionTileDemo"),
      ),
      body: Center(
        child: ExpansionTile(
          title: Text("ExpansionTile title"),
          leading: Icon(Icons.ac_unit),
          backgroundColor: Colors.white12,
          children: [
            ListTile(
              title: Text("ListTile title"),
              subtitle: Text("ListTile title"),
            )
          ],
          initiallyExpanded: true,
        ),
      ),
    );
  }
}
